<!doctype html>
<html lang="en" ng-app="ui.bootstrap.demo">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Modal</title>
    <script src="../node_modules/angular/angular.js"></script>
    <script src="../node_modules/angular-sanitize/angular-sanitize.js"></script>
    <link href="../node_modules/angular/angular-csp.css" rel="stylesheet" />
    <script src="../node_modules/angular-touch/angular-touch.js"></script>
    <script src="../node_modules/angular-animate/angular-animate.js"></script>
    <link
      href="../node_modules/bootstrap/dist/css/bootstrap.css"
      rel="stylesheet"
    />
    <link
      href="../node_modules/bootstrap/dist/css/bootstrap-theme.css"
      rel="stylesheet"
    />
    <script src="../node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>
    <link
      href="../node_modules/angular-ui-bootstrap/dist/ui-bootstrap-csp.css"
      rel="stylesheet"
    />
    <script src="../node_modules/jquery/dist/jquery.js"></script>
  </head>

  <body>
    <script src="./example.js"></script>
    <div ng-controller="ModalDemoCtrl as $ctrl" class="modal-demo">
      <button type="button" class="btn btn-default" ng-click="$ctrl.open()">
        Open me!
      </button>
      <button type="button" class="btn btn-default" ng-click="$ctrl.open('lg')">
        Large modal
      </button>
      <button type="button" class="btn btn-default" ng-click="$ctrl.open('sm')">
        Small modal
      </button>
      <button
        type="button"
        class="btn btn-default"
        ng-click="$ctrl.open('sm', '.modal-parent')"
      >
        Modal appended to a custom parent
      </button>
      <button
        type="button"
        class="btn btn-default"
        ng-click="$ctrl.toggleAnimation()"
      >
        Toggle Animation ({{ $ctrl.animationsEnabled }})
      </button>
      <button
        type="button"
        class="btn btn-default"
        ng-click="$ctrl.openComponentModal()"
      >
        Open a component modal!
      </button>
      <button
        type="button"
        class="btn btn-default"
        ng-click="$ctrl.openMultipleModals()"
      >
        Open multiple modals at once
      </button>
      <div ng-show="$ctrl.selected">
        Selection from a modal: {{ $ctrl.selected }}
      </div>
      <div class="modal-parent"></div>
    </div>
  </body>
</html>
